import React, { memo } from 'react'
import styles from './index.module.css'

const MapCard = memo((props) => {
  const {item, children} = props
  return (
    <div className={styles.container}>
      <div className={styles.container_top}>
        <div className={styles.map_floor}>{item.floor}层</div>
        <div className={styles.map_img}>
          <img className={styles.img} src={item.image} alt="" />
        </div>
      </div>
      <div className={styles.container_bottom}>
        {children}
      </div>
    </div>
  )
})

export default MapCard